www.gusucode.com > 一款jquery 按钮、滑块、菜单、Tooltip提示框等扁平化插件源码程序 > 一款jquery 按钮、滑块、菜单、Tooltip提示框等扁平化插件/metro/metro/css/JFAlert.css
.main_alert{ margin-top: 4%; } .grid_8{ margin-top: 2%; } /* alert common styles */ div.alert{ border: 0; width: auto; font-family: 'overpassregular'; display: block; position: relative; padding: 12px 38px 14px 18px; color: #ffffff; font-size: 1em; } .alert a.close:hover { color: #fff !important; } .alert.bordered { border-width: 1px; border-style: solid; } .alert.rounded { } .alert span{ display: inline-flex; vertical-align: middle; } .alert span i{ width: 26px; height: 26px; display: inline-block; vertical-align: middle; background:url('../images/sprites.png') no-repeat; margin-right: 20px; } .alert span i.icon_1{ background-position: -86px -126px; } .alert span i.icon_2{ background-position: -86px -164px; } .alert span i.icon_3{ background-position: -86px -126px; } /* alert message common styles */ .alert.message a.close:hover { background: #87B753; } .alert.message a.close { background: #8FC357; } /* alert success common styles */ .alert.success a.close:hover { background: #46B0D6 ; } .alert.success a.close { background: #3FB3DD; } /* alert error common styles */ .alert.error a.close:hover { background: #E05A3A; } .alert.error a.close { background: #ED6444; } /* alert info common styles */ .alert.info a.close:hover { background: #427AB4; } .alert.info a.close { color : #32608f; } /* alert warning common styles */ .alert.warning a.close:hover { background: #d8d8a8; } .alert.warning a.close { color : #cfd0a4; } /* alert question common styles */ .alert.question a.close:hover { background: #8a64b5; } .alert.question a.close { color : #784da6; } .alert.message { background : #A0D468; } .alert.success { background : #48C0EB; } .alert.error { background : #FE6D4B; } .alert.info { border-color: #32608f; background : #4988c8; text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.42); color : #fff; } .alert.warning { border-color: #cfd0a4; background : #f0f1bb; text-shadow : 0 1px 0 rgba(255, 255, 255, 0.68); } .alert.question { border-color: #784da6; background : #9a6fc9; text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.42); color : #fff; } .alert a.close { font-family: 'overpassregular'; position: absolute; top: 0px; right: 0px; float: right; padding: 16px 18px; line-height: 20px; text-shadow: none; color: #fff; font-size: 26px; text-decoration: none; font-weight: 100; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }